<%@ page language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="tag" prefix="PF" %>
<%@taglib
        uri="http://java.sun.com/jsp/jstl/functions" prefix="fun" %>
<%--
  ~ This file Copyright (c) 2015. Walle.
  ~ (http://www.wallellen.com). All rights reserved.
  ~
  ~
  ~ This file is dual-licensed under both the
  ~ Walle Agreement (WA) and the GNU General Public License.
  ~ You may elect to use one or the other of these licenses.
  ~
  ~ This file is distributed in the hope that it will be
  ~ useful, but AS-IS and WITHOUT ANY WARRANTY; without even the
  ~ implied warranty of MERCHANTABILITY or FITNESS FOR A
  ~ PARTICULAR PURPOSE, TITLE, or NONINFRINGEMENT.
  ~ Redistribution, except as permitted by whichever of the GPL
  ~ or WA you select, is prohibited.
  ~
  ~ 1. For the GPL license (GPL), you can redistribute and/or
  ~ modify this file under the terms of the GNU General
  ~ Public License, Version 3, as published by the Free Software
  ~ Foundation.  You should have received a copy of the GNU
  ~ General Public License, Version 3 along with this program;
  ~ if not, write to the Free Software Foundation, Inc., 51
  ~ Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
  ~
  ~ 2. For the Walle Agreement (WA), this file
  ~ and the accompanying materials are made available under the
  ~ terms of the WA which accompanies this distribution, and
  ~ is available at http://www.wallellen.com/agreement.html
  ~
  ~
  ~ DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER
  --%>

<div class="row ">
    <c:forEach var="node" items="${docs.resultList}">
        <div class="col-md-3">
            <div class="panel panel-default">
                <div class="panel-body">
                    <div class="media">
                        <a class="pull-right" href="webgroup/join.do?groupId=${node.ID}"><img alt="${node.GROUPNAME}"
                                                                                              class="img-rounded side_unit_group_img"
                                                                                              src="${node.IMGURL}"></a>

                        <div class="media-body">
                            <div style="margin-left: 4px;" class="pull-left">
                                <div class="doc_node_title_box">
                                    <c:if test="${node.JOINCHECK=='1'}">
                                        <a href="webgroup/join.do?groupId=${node.ID}">${node.GROUPNAME}&nbsp;<span
                                                class="glyphicon glyphicon-lock"></span></a>
                                    </c:if>
                                    <c:if test="${node.JOINCHECK=='0'}">
                                        <a href="webgroup/join.do?groupId=${node.ID}">
                                                ${node.GROUPNAME}</a>
                                    </c:if>
                                </div>
                                <div class="side_unit_info side_unit_info_left_box">
                                    成员人数(${node.USERNUM})<br/>
                                    <PF:FormatTime date="${node.CTIME}" yyyyMMddHHmmss="yyyy-MM-dd"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </c:forEach>
</div>
<c:if test="${fun:length(docs.resultList) > 0}">
    <div class="row">
        <div class="col-xs-12">
            <ul class="pagination pagination-sm">
                <c:forEach var="page" begin="${docs.startPage}"
                           end="${docs.endPage}" step="1">
                    <c:if test="${page==docs.currentPage}">
                        <li class="active"><a>${page} </a></li>
                    </c:if>
                    <c:if test="${page!=docs.currentPage}">
                        <li><a href="webuser/PubHome.do?type=${type}&num=${page}&userid=${userid}">${page}</a></li>
                    </c:if>
                </c:forEach>
            </ul>
        </div>
    </div>
</c:if>